import {h} from "../../lib/guide-mini-vue.esm.js";

export const Foo = {
    // props 属性存在哪里？，存在虚拟节点上面
    // createVNode 方法的第二个值就是props
    // vue3中emit是在setup的第二个参数中导出的
    // emit 放在一个班对象里面.
    setup(props, {emit}) {
        const emitAdd = () => {
            console.log("emit add");
            emit("add", 1, 2);
            emit("add-foo", 3, 4);
        }
        return {
            emitAdd
        }

    }, render() {
        //  子组件虚拟节点对象，最终渲染成html
        const btn = h("button", {
            onClick: this.emitAdd
        }, "emitAdd")
        const foo = h("p", {}, "foo");
        return h("div", {}, [foo, btn]);
    },

}